import React from 'react';
import { Layout, Row, Col, Typography } from 'antd';
import { Link } from 'react-router-dom';
import styles from './styles.module.less';

const { Footer: AntFooter } = Layout;
const { Title, Text } = Typography;

const Footer: React.FC = () => {
  return (
    <AntFooter className={styles.footer}>
      <div className={styles.container}>
        <Row gutter={[48, 24]}>
          <Col xs={24} sm={12} md={6}>
            <Title level={4}>关于我们</Title>
            <ul>
              <li><Link to="/about">公司介绍</Link></li>
              <li><Link to="/contact">联系我们</Link></li>
              <li><Link to="/join">加入我们</Link></li>
            </ul>
          </Col>
          <Col xs={24} sm={12} md={6}>
            <Title level={4}>帮助中心</Title>
            <ul>
              <li><Link to="/help/shopping">购物指南</Link></li>
              <li><Link to="/help/payment">支付方式</Link></li>
              <li><Link to="/help/delivery">配送说明</Link></li>
            </ul>
          </Col>
          <Col xs={24} sm={12} md={6}>
            <Title level={4}>服务支持</Title>
            <ul>
              <li><Link to="/service/consultation">在线咨询</Link></li>
              <li><Link to="/service/feedback">意见反馈</Link></li>
              <li><Link to="/service/complaint">投诉建议</Link></li>
            </ul>
          </Col>
          <Col xs={24} sm={12} md={6}>
            <Title level={4}>联系方式</Title>
            <ul>
              <li>客服电话：400-123-4567</li>
              <li>服务时间：9:00-21:00</li>
              <li>电子邮箱：support@mediwise.com</li>
            </ul>
          </Col>
        </Row>
        <div className={styles.bottom}>
          <div className={styles.links}>
            <Link to="/agreement">用户协议</Link>
            <Link to="/privacy">隐私政策</Link>
            <Link to="/disclaimer">免责声明</Link>
          </div>
          <Text type="secondary">
            Copyright © {new Date().getFullYear()} MediWise. All Rights Reserved.
          </Text>
        </div>
      </div>
    </AntFooter>
  );
};

export default Footer; 